<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>验证旧手机号</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <script>
        window.scrollTo(0, 0);
    </script>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->
    <!--no base js-->
    <script src="JS/kuaisudenglu.js"></script>
    <!--no base js end-->
    <!--no base css-->
    <style>

        .denglutit input{
            padding-left: 0;
        }
    </style>
    <!--no base css end-->

</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont">&#xe643;</i></a>
                <a href="{:U('Index/index')}" class="home"><i class="icon iconfont f-b">&#xe61a;</i></a>
                <a href="javascript:;" class="text-fff">验证旧手机号</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--content-->
    <div class="content">
        <div class="zhuce-list p-l-25 p-r-25">

            <div class="denglu">
                <div class="dengluinput m-t-33 m-b-33">
                   
                        <div class="denglutit relative">
                            <span class="yzspan">原手机号: </span>
                            <input type="text" placeholder=" {:substr_replace(session('phone'),'****',3,4)}" style="width: 67%" class="dlphone"/>
                            <a href="javascript:;" class="huqu">获取验证码</a>
                        </div>
                        <div class="denglutit">
                            <span class="yzspan">验证码: </span>
                            <input type="text" id="get_yan" class="get_yan" value="" placeholder="请输入验证码" style="width: 78%"/>
                        </div>

                   
                </div>
                <div class="dlu">
                <!-- <a href="#" class="denglusub" style="background:#ccc">下一步</a> -->
                <a href="#" class="dlusub tijiao" style="background:#ccc">下一步</a>
                </div>
            </div>
            <div class="dengluzhu clearFloat m-t-27 m-b-27">
                <a href="javascript:;" class="floatLeft">手机无法接收短信，您可以<span class="text-f40000">联系客服</span> </a>
            </div>

        </div>
        <!-- 获取验证码 -->
        <!-- <input type="hidden" value="" class="f_yzm"> -->
       <script>
        $(document).ready(function(){
            $(".huqu").click(function(){
                 var value=$(".huqu").text();
                 var telphone=$('.dlphone').val();
                  if(value == "获取验证码" && telphone !=""){
                    //点击发送验证码时发送验证码
                    $.post("{:U('Index/edit_phone')}",{type:1,phone:telphone},function(data){});
                  }
             });
        //时时验证
            $('#get_yan').bind('input propertychange', function() {
            var get_yan = $('#get_yan').val();
            var cd=$('#get_yan').val().length;
            if(cd ==6){
            //对比验证码，将输入的验证码发到后台验证
            $.post("{:U('Index/check_edit_phone')}",{type:12,yzm:get_yan},function(data){
                if(data == 1){
                     $(".dlu").html('<a href="{:U('Index/edit_phone_add')}" class="dlusub" >下一步</a>')
                }else{
                    $(".dlu").html('<a href="#" class="dlusub" style="background:#ccc">下一步</a>')
                }
            });
               }

                });


         });
    </script>        

        <!--content end-->



    </div>
</div>
    <!--wapper end-->
</body>
</html>